
@extends('admin.comment.main')

<title>修改信息</title>

@section('content')
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 用户中心 <span class="c-gray en">&gt;</span> 用户修改 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
    <article class="page-container">
        @include('admin.comment.validate')
        <form action="{{ route('admin.user.update',['id'=>$user->id]) }}" method="post" class="form form-horizontal" id="storeForm">
            @csrf
            @method('PUT')

            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>用户名：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input  autocomplete="off" type="text" class="input-text" value="{{$user->username}}"  id="username" name="username" disabled>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>真名：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input autocomplete="on" type="text" class="input-text" value="{{$user->truename}}"  id="truename" name="truename">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>密码：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input autocomplete="on" type="password" class="input-text" value=""  id="password" name="password">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>性别：</label>
                <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                    <div class="radio-box">
                        <input name="gender" type="radio" value="男"  id="sex-1" @if($user->gender == '男')checked @endif>
                        <label for="sex-1">男</label>
                    </div>
                    <div class="radio-box">
                        <input type="radio" value="女" id="sex-2" name="gender" @if($user->gender == '女')checked @endif>
                        <label for="sex-2">女</label>
                    </div>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>手机：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input autocomplete="on" type="text" class="input-text" value="{{$user->phone}}" placeholder="" id="phone" name="phone">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>邮箱：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input autocomplete="on" type="email" class="input-text" value="{{$user->email}}" name="email" id="email">
                </div>
            </div>

            <div class="row cl">
                <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                    <input class="btn btn-primary radius"  type="submit" value="&nbsp;确认修改&nbsp;">
                </div>
            </div>
        </form>
    </article>
@endsection('content')

@section('js')
    <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
    <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
    <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>

    <script type="text/javascript">
        //表单校验
        $('#storeForm').validate({
            rules: {
                username: 'required',
                truename: 'required',
                email: {
                    required: true,
                    email: true
                },
                phone: {
                    required: true,
                    phone: true
                }
            },
            messages: {

            },
            success: "valid",
            submitHandler:function(form) {
                $(form).submit(); //注意不用ajaxSubmit
            }
        })
        //自定义phone的校验规则
        jQuery.validator.addMethod("phone", function(value, element) {
            var reg1 = /^\+86-1[3-9]\d{9}$/;
            var reg2 = /^1[3-9]\d{9}$/;
            return reg1.test(value) || reg2.test(value);
        }, "请正确填写您的手机号");


        //    //更新用户信息
        {{--$('.updateUser').click(function (){--}}
        {{--    let url = $(this).attr("href");--}}
        {{--    $.ajax({--}}
        {{--        url,--}}
        {{--        data:{--}}
        {{--            _token: "{{ csrf_token() }}"--}}
        {{--        },--}}
        {{--        type: 'PUT',--}}
        {{--    }).then(res=>{--}}

        {{--    })--}}
        {{--})--}}

    </script>
@endsection


